<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:t="http://myfaces.apache.org/tomahawk">

    <h:head>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
        <title>Editor de preguntas</title>
        <script type="text/javascript"
                src="https://d3eoax9i5htok0.cloudfront.net/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
        </script>
        <script type="text/x-mathjax-config">
            MathJax.Hub.Config({
            tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            processEscapes: true
            }
            });
        </script>
    </h:head>
    <h:body>
        <h:form id="frmEditorPregunta" enctype="multipart/form-data">
            <h2>Editor de preguntas</h2>
            <span>Usuario: #{sessionScope.user_name}</span>
            <br />
            <span>Tipo: #{sessionScope.user_type} </span>
            <br />

            Enunciado: <br />
            <h:inputTextarea rows="6" cols="50" id="txtEnunciado" value="#{creaPreguntaController.enunciado}" />
            <br />
            <t:inputFileUpload value="#{creaPreguntaController.upFileEnun}" id="upFileEnunciado" />
            #{creaPreguntaController.upFileEnun.name}
            <br />
            Opci&oacute;n 1: <br />
            <h:inputTextarea rows="3" cols="50" id="txtOpcion1" value="#{creaPreguntaController.opcion1}" />
            <br />
            <t:inputFileUpload value="#{creaPreguntaController.upFileOp1}" id="upFileOpcion1" />
            <br />
            Opci&oacute;n 2: <br />
            <h:inputTextarea rows="3" cols="50" id="txtOpcion2" value="#{creaPreguntaController.opcion2}" />
            <br />
            <t:inputFileUpload value="#{creaPreguntaController.upFileOp2}" id="upFileOpcion2" />
            <br />
            Opci&oacute;n 3: <br />
            <h:inputTextarea rows="3" cols="50" id="txtOpcion3" value="#{creaPreguntaController.opcion3}" />
            <br />
            <t:inputFileUpload value="#{creaPreguntaController.upFileOp3}" id="upFileOpcion3" />
            <br />
            Opci&oacute;n 4: <br />
            <h:inputTextarea rows="3" cols="50" id="txtOpcion4" value="#{creaPreguntaController.opcion4}" />
            <br />
            <t:inputFileUpload value="#{creaPreguntaController.upFileOp4}" id="upFileOpcion4" />
            <br />
            Seccion: <br />
            <h:selectOneListbox id="lbSeccion" value="#{creaPreguntaController.seccionIdActual}">
                <f:selectItems value="#{creaPreguntaController.secciones}"
                               var="seccion"
                               itemValue="#{seccion.id}"
                               itemLabel="#{seccion.nombre}" />
            </h:selectOneListbox>
            <br />

            Tipo de Examen: <br />
            <h:selectManyListbox id="lbTipoExamen" value="#{creaPreguntaController.tiposExamenActuales}" >
                <f:selectItems value="#{creaPreguntaController.tiposExamen}" 
                               var="tipo"
                               itemValue="#{tipo.id}"
                               itemLabel="#{tipo.nombre}"/>
            </h:selectManyListbox>
            <br />
            <h:commandButton id="btnAgregar" value="Agregar pregunta" action="#{creaPreguntaController.guardaPregunta()}" />
            <h:commandButton id="btnVistaPrevia" value="Vista previa" action="#{creaPreguntaController.creaVistaPrevia}" />
            <br />
            <h:outputText escape="false" value="#{creaPreguntaController.vistaPrevia}"/>
        </h:form>
    </h:body>
</html>

